<ion-tabs>

  <ion-tab-bar slot="bottom"  (ionTabBarChanged) = "change($event)">
    <ion-tab-button tab="tab1" >
      <ion-icon name="home"></ion-icon>
      <ion-label> {{'public.home' | translate}}</ion-label>
    </ion-tab-button>
    <ion-tab-button tab="tab2">
      <ion-icon name="list"></ion-icon>
      <ion-label> {{'public.task' | translate}}</ion-label>
    </ion-tab-button>
    <ion-tab-button tab="inbox">
      <ion-icon name="mail"></ion-icon>
      <ion-label> {{'public.inbox' | translate}}</ion-label>
    </ion-tab-button>
    <ion-tab-button tab="calender">
      <ion-icon name="calendar"></ion-icon>
      <ion-label> {{'public.calender' | translate}}</ion-label>
    </ion-tab-button>
    <ion-tab-button tab="tab3">
      <ion-icon name="stats"></ion-icon>
      <ion-label> {{'public.bi' | translate}}</ion-label>
    </ion-tab-button>
    
  </ion-tab-bar>

</ion-tabs>
